<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button class="btn1">点我刷新页面</button>
    <button class="btn2">点我获取地址栏里面的内容</button>
    <button class="btn3">点我跳转到test页面</button>
    <button class="btn4">点我获取请求参数</button>
    <script>
      //和浏览器地址栏有关内容
      //和浏览器地址栏有关的内容全部在: window.location对象里面

      //1.刷新地址栏:reload
      //window.location.reload(); //不能直接写在js里面,会一直无条件刷新,类似死循环

      /*  var btn1 = document.querySelector(".btn1");
      btn1.onclick = function () {
        window.location.reload();
      }; */

      //2.获取地址栏里面的内容 : href
      /* var btn = document.querySelector(".btn2");
      btn.onclick = function () {
        console.log(window.location.href);
      }; */

      //3.可以设置地址栏的地址 : href = "地址";  重定向
      /* var btn = document.querySelector(".btn3");
      btn.onclick = function () {
        window.location.href = "test.html";
      }; */

      //4.获取地址栏的请求参数search(是地址栏?后的固定格式内容)
      //请求参 queryString   ?键名1=键值1&键名2=键值2&键名3=键值3
      //获取?后面的内容
      //https://search.jd.com/Search?keyword=%E6%89%8B%E6%9C%BA&enc=utf-8&wq=%E6%89%8B%E6%9C%BA&pvid=8858151673f941e9b1a4d2c7214b2b52  京东手机页面的链接

      var btn = document.querySelector(".btn4");
      btn.onclick = function () {
        console.log(window.location.search); //自己的网页没有请求参这个值所以输出空
      };
    </script>
  </body>
</html>
